
<script type="text/javascript" src="js/jquery-fluid16.js"></script>
<script>
    $(function() {
        $( "#datepicker" ).datepicker({
				
				showWeek: true,
				minDate: 0,		
				onSelect:function(){
				atualizaEstoqueLocacao();
				calculaVezesPrestacoes();
			}
		});
    });
	
	
	$(document).ready(function(){ 
		
		$(".dinheiro").maskMoney({
			showSymbol:true ,
		    symbol:"", 
			decimal:",",
		    thousands:"."
	 	});
		
		
		$('#observacoes').width('100%');

		$('#desconto').prop('readonly', 'readonly');

		
		
		
		$('#abatimento').trigger('click');
		
		
		
		
		if(<?php session_start(); echo $_SESSION['tipo_usuario']; ?> < 3){
			
			$('#areaDesconto').show();
		}
			
	});
	
	
	
</script>

 

<div class="grid_16">
    <h2 id="page-heading">Formulário de abertura de locação:</h2>
</div>

<div class="grid_5">

    <div class="box">
        <h2>
            <a href="#" id="toggle-calendario">Calendario</a>
        </h2>
        <div class="block" id="calendario">
            
               <div align="center" id="datepicker"></div>
            
        </div>
    </div>
    
    <div class="box">
        <h2>
            <a href="#" id="toggle-addCliente">Cliente</a>
        </h2>
        <div class="block" id="addCliente">
            <p>
                Nenhum cliente foi adicionado a venda. <a href="#" class="adicionarClientes">Adicionar cliente?</a>
            </p>
        </div>
    </div>
    <div class="box">
        <h2>
            <a href="#" id="toggle-addProdutos">Produtos</a>
        </h2>
        <div class="block" id="addProdutos">
            <p>
                Nenhum produto adicionado a venda. <a href="#" class="adicionarProdutos">Adicionar produtos?</a>            </p>
      </div>
    </div>
    
    <div class="box">
        <h2>
            <a href="#" id="toggle-addBrindes">Brindes</a></h2>
        <div class="block" id="addBrindes">
            <p>
                <strong>Brindes disponíveis: 0</strong>
            </p>
        </div>
    </div>

    <div class="box" style="display:none">
        <h2>
            <a href="#" id="toggle-section-menu">Visualização de impressão</a>
        </h2>
        <div class="block" id="section-menu">
            <ul class="section menu">
                <li>
                    <a class="menuitem">Nota promissória</a>
                    <ul class="submenu">
                        <li>
                            <a href="#">Visualizar</a>
                        </li>
                        <li>
                            <a href="#">Imprimir</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a class="menuitem">Contrato de Locação</a>
                    <ul class="submenu">
                        <li>
                            <a href="#">Visualizar</a>
                        </li>
                        <li>
                            <a href="#">Imprimir</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>

    <div class="box">
        <h2>
            <a href="#" id="toggle-fechar-venda">Situação da venda</a>
        </h2>
        <div class="block" id="fechar-venda">
            <p>
                Status:
                <input type="radio" name="statusVenda" checked="checked"  id="vendaAtiva" value="1"> Ativa : <input type="radio"  name="statusVenda" id="vandaCancelada" value="0"> Cancelada
            </p>
        </div>
    </div>
</div><!--fim grid5-->


<div class="grid_11">
   
     <div class="box">
        <h2>
            <a href="#" id="toggle-formaPagamento">Forma de pagamento</a>
        </h2>
        <div class="block" id="formaPagamento">
            <fieldset>
                <center>
                    <input type="radio" name="formaPagamento" value="1" id="avista" checked="checked" class="forma"> Á vista 
                    <input type="radio" name="formaPagamento" value="2" id="entrada" class="forma"> Entrada + Parcelas
                    <input type="radio" name="formaPagamento" id="abatimento" value="3" class="forma"> Abatimento 
                    <input type="radio" name="formaPagamento" id="especial" value="4" class="forma"> Especial 
                    
                </center>
                <p>
                   <div style="display:none" class="grid_4">
                        <label>Total:</label>
                        <input type="text" readonly="readonly" name="total" id="total" value="" />
                   </div>
                   <div class="grid_4" id="area_entrada" style="display:none">
                        <label>Valor Entrada:</label>
                        <input type="text" class="dinheiro" name="valorentrada" id="valorentrada" value="0,00" />
                   </div>
                   <div class="grid_4 suffix_4" id="area_parcelas" style="display:none" >
                   
                   <label>Parcelas: </label><br>
                   <span id="areaParcelas">
                    <?php echo $info['parcelas']?>
                    </span>
                   </div>
                   <div id="areaDesconto" style="display:none" class="grid_4">
                        <label>Desconto:</label>
                        <input type="text" class="" readonly="readonly" name="desconto" id="desconto" value="0,00" />
                   </div>
                </p>
                 
				<label id="area_valores" class="grid_16" style="display:block">
               
                <table summary="This table includes examples of as many table elements as possible">
                    <colgroup>
                        <col class="colA" />
                        <col class="colB" />
                    </colgroup>
                    <thead>
                        <tr>
                            <th>&nbsp; </th>
                            <th class="currency">Valor</th>
                        </tr>
                    </thead>
                    <tfoot>
                      
                        <tr class="total">
                            <th>Total</th>
                            <th class="currency">R$ 0,00</th>
                        </tr>
                    </tfoot>
                    <tbody>
                        <tr class="odd">
                            <th>&nbsp; </th>
                          <td class="currency">R$ 0,00</td>
                        </tr>
                      
                    </tbody>
                </table>
                </label>
            </fieldset>
        </div>
    </div><!--fim do box-->
    
    
    
    
    <div class="box">
        <h2>
            <a href="#" id="toggle-observacao">Observações</a>
        </h2>
        <div class="block" id="observacao">
            <fieldset>
            <textarea name="observacoes" id="observacoes" cols="60" rows="3"></textarea>
            </fieldset>
        </div>
    </div><!--fim do box-->
    
    
     <div class="box">
        
        <h2>
            <a href="#" id="toggle-listagem">Listagem</a>
        </h2>
        
        <div class="block" id="listagem">
    
            <!--area de exibição de produtos-->
              <div id="area_central"  style="display:none" class="box">
                 
                    <div id="carregar">
                    </div>
                 
                    <div align="center">
                      <input type="button" value="Fechar" id="fechar">
                    </div>
                    
              </div>
              
         </div>
          
      </div><!--fim do box listagem-->    
      
      
      <div class="box">
        <input type="hidden" id="codigoVenda" value="">
        <input type="hidden" id="brindeVenda" value="0">
        <center><input type="button" id="salvar" value="Salvar"/></center>
	 </div>

  
    
</div> <!--fim grid6-->



<div class="grid_5">
    
</div>

<div class="clear"></div>

